import { useEffect, useState } from "react";
function App() {
  // 
  const [conunt, setCount] = useState([]); 
// 1·没有依赖 初始+组件更新 
//  useEffect(() => {
//     console.log("useEffect");
//   });

// 2.传入空数组 初始化执行一次
//   useEffect(() => {
//     console.log("useEffect");
//   }, []); // 第二个参数为空数组，表示只在组件挂载时执行一次

  // 3.传入count  初始+依赖项变化执行
  useEffect(() => {
    console.log("useEffect");
  }, [conunt]);

  return (
    <div>
      <h1>useEffect</h1>
      <button onClick={() => {
        setCount([...conunt, 1]);
      }}>点击+1</button>
    </div>
  )
}
export default App; 